// import './assets/main.css'// 引入全局样式

import ElementPlus from 'element-plus'// 引入element-plus
import 'element-plus/dist/index.css'// 引入element-plus的样式
import { createApp } from 'vue'// 解构引入vue
import App from './App.vue'// 引入根组件

//导入状态管理pinia
import { createPinia } from 'pinia'

//创建pinia实例
const pinia=createPinia()

//导入路由的一些对象
// createWebHashHistory:url地址带#号,通过hash值来区分不同的页面，如果做互联网项目用这个，不希望被别人看到路由地址
//createWebHistory：url地址不带#号，通过h5的history来区分不同的页面，如果是内部项目用这个 可以清晰看到路由地址，缺点不兼容旧的浏览器
import { createWebHistory,createRouter} from 'vue-router'


//导入需要路由的组件
import Employee from './components/Employee.vue'
import RoleInfo from './components/RoleInfo.vue'
import Notice from './components/Notice.vue'
import CreateNotice from './components/CreateNotice.vue'
import UpdateNotice from './components/UpdateNotice.vue'



//配置路由规则
// path:路由地址
// compoenent:那个组件
const routes=[
    {path:'/',redirect: '/emloyee'},//redirect:默认地址
    {path:'/emloyee',component: Employee},
    {path:'/roleInfo/:id',component: RoleInfo},//传参id
    {path:'/notice',component: Notice,name:'on' ,children:[
     {path:'createNotice',component: CreateNotice},//孩子不需要加/
     {path:'updateNotice',component: UpdateNotice}

    ]}

]
//找孩子 /notice/createNotice

//创建路由对象
const router=createRouter({
    history:createWebHistory(),
    routes:routes
    
})

//使用路由
createApp(App).use(router).use(pinia).use(ElementPlus).mount('#app')// 创建vue实例并挂载到html的app节点上
